@charset "utf-8";
/* CSS Document */
html, body {
font-size: 14px;
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: "寰蒋闆呴粦", Arial, Helvetica, sans-serif;
background: #fff;
-webkit-text-size-adjust: none;
}
body{
overflow-x:hidden;
}
a {
color: #666;
text-decoration: none;
outline: 0px none;
star:expression(this.onFocus=this.blur());
}
a:hover, a:active {
color: #014099;
}
* {
margin: 0px;
padding: 0px;
list-style: none;
}
table {
border-collapse: collapse;
}
table tr{height:30px; line-height:30px;}
ul, li {
list-style: none;
border: 0 none;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: 0px none;
text-align-last: center;
vertical-align: middle;
}
#top{
background:#fff;
height:60px;
position:relative;
}
#top .logo{
position:absolute;
left:10px;
top:12px;
}
#top .nav{
position:absolute;
right:50px;
top:20px;
}
#top .nav a {
display: inline-block;
border-right: 1px solid #eee;
padding: 0px 5px;
}
#top .nav img {
opacity: 0.3;
}
#top .nav #menu {
border: 0px !important;
}
#top .nav a:hover img {
opacity: 0.8;
}
#relative {
position: absolute;
width: 100%;
top: 60px;
left: 0;
height: 0px;
z-index: 100;
}
#menuson {
padding: 12px 0px;
width: 100%;
position: absolute;
z-index: 1000;
background:#014099;
text-align:center;
}
#menuson a{
background:#fff;
display:inline-block;
width:45%;
height:20px;
line-height:20px;
font-size:12px;
margin:1px 0px;
color:#0a5a8a;
text-align:center;
border-radius:5px;
}
#menuson a div{
display: table-cell;
vertical-align:middle;
text-align:center;
width:21%;
padding:10px 0px 5px 0px;
}
#menuson a img{
vertical-align:middle;
}
#search {
padding:15px 0px;
width: 100%;
position: absolute;
z-index: 10;
background:#014099;
text-align: center;
}
#search form {
padding: 0px;
background: #fff;
width:80%;
margin:0px auto;
}
#search #keys {
opacity: 1.0;
outline: none;
width: 100%;
background:none;
border:0px;
-webkit-appearance: none;
padding: 5px;
}
#search #go{
background:url(../images/go.png) no-repeat;
background-position:center center;
border:0px;
cursor:pointer;
font-size:0px;
width:29px;
height:34px;
}
#main{
width:96%;
margin:10px auto 20px auto;
}
#main .news{
width:100%;
margin:0px auto;
height:30px;
min-width:240px;
overflow:hidden;
background:#0067ac;
border: 1px solid #0a5a8a;
border-left: 0px;
border-right: 0px;
}
#main .news li{
display:block;
width:96%;
margin:0px auto;
height:30px;
line-height:30px;
text-align:left;
}
#main .news li img{
margin:-3px 5px 0px 10px;
width:8px;
}
#main .news li span{
color:#ccc;
float:right;
}
#main .news li a{color:#fff;}
#main .product{
width:100%;
}
#main .product .title{
background:#eee;
}
#main .product .title a{
display:inline-block;
padding:5px 0px;
width:25%;
float:left;
text-align:center;
background:#fafafa;
}
#main .product .title .A{
background:#282828;
color:#fff;
}
#main .product .con{
width:100%;
border-top:0px;
}
#main .product .con img{
width:100%;
}
#main .navpart{
width:100%;
margin:10px auto;
text-align:center;
}
#main .navpart a{
display:inline-block;
background:#0067ac;
padding:20px 0px;
width:32%;
color:#fff;
-webkit-animation-name:wobble;/*鍔ㄧ敾鍚嶇О锛岄渶瑕佽窡@keyframes瀹氫箟鐨勫悕绉颁竴鑷?/
-webkit-animation-duration: 1s;/*琛ㄧず鍔ㄧ敾鎸佺画鐨勬椂闂?濡傛灉娌℃湁璁剧疆duration鐨勮瘽锛屽垯琛ㄧず涓烘棤绌峰ぇ*/
-webkit-animation-timing-function: linear;/*琛ㄧず鍔ㄧ敾浣跨敤鐨勬椂闂存洸绾?/
-webkit-animation-delay: 0;/*琛ㄧず寮€濮嬪姩鐢讳箣鍓嶇殑寤舵椂*/
-webkit-animation-iteration-count: 1;/*鎾斁1鏁帮紝infinite;鎾斁鏃犻檺娆℃暟*/
-webkit-animation-direction: ;/*琛ㄧず鍔ㄧ敾鐨勬柟鍚?/
-moz-animation-name:wobble;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0;
-moz-animation-iteration-count: 1;
-moz-animation-direction: ;
}
#main .navpart a span{
display:inline-table;
text-align:center;
width:100%;
margin:0px auto 10px auto;
}
#main .navpart .first{
float:left;
}
#main .navpart .last{
float:right;
}
#navpart{
padding:10px 0px;
background:#ccc;
border-bottom:1px solid #999;
text-align:center;
width:100%;
display:table;
}
#navpart a{
display:inline-block;
padding:5px 0px;
width:44%;
float:left;
background:#fff;
margin:5px 3% 0px;
border-radius:5px;
}
#navpart span{
display:inline-table;
width:1px;
padding:4px 0px;
color:#ddd;
}
#navpart .A{
color:#fff;
background:#282828;
border-radius:5px;
}
.noData{
color:#ccc;
text-align:center;
padding:20px 0px;
}
.page{
color:#999;
}
.page .thispage{
font-size:12px !important;
}
.page a{
color:#999;
font-size:12px !important;
}
#subsidiaries{
width:90%;
margin:20px auto;
}
#subsidiaries .list a{
display:block;
width:94%;
border:1px solid #eee;
padding:3%;
margin:15px auto;
}
#subsidiaries .list a img{
width:100%;
margin-bottom:5px;
}
#catalogue{
width:90%;
margin:20px auto;
}
#catalogue .list a{
display:block;
margin:15px auto;
text-align:right;
padding:15px 0px;
background:#dbdbdb;
}
#catalogue .list a img{
width:80%;
margin-right:15px;
}
#type{
width:90%;
margin:20px auto;
padding:10px 0px;
color:#999;
border:1px solid #eee;
}
#type a{
display:inline-block;
color:#ed0000;
padding:0px 5px;
}
#type strong{
display:inline-block;
color:#ed0000;
padding:0px 5px;
}
#product{
width:90%;
margin:20px auto;
}
#product .list a{
display:block;
margin:15px auto;
text-align:left;
padding:15px 0px;
border-bottom:1px solid #ddd;
}
#product .list a span{
display:inline-block;
margin-right:10px;
width:50px;
height:50px;
border:1px solid #ddd;
}
#product .list a span img{
width:100%;
}
#solution{
width:90%;
margin:20px auto;
}
#solution .text{
text-align:left;
line-height:20px;
color:#666;
}
#solution .text p{
margin-bottom:10px;
}
#solution .tags{
text-align:left;
}
#solution .tags .tags_title{
text-align:left;
padding:10px 0px;
color:#153378;
}
#solution .tags .tags_content{
text-align:left;
line-height:20px;
color:#666;
}
#solution .tags .tags_content img{
width:40% !important;
height:40% !important;
margin-left:10px;
}
#news{
width:90%;
margin:20px auto;
}
#news .list a{
display:block;
border-bottom:1px solid #eee;
margin:15px auto;
text-align:left;
padding:15px 0px;
}
#news .list a img{
margin-right:5px;
}
#news .list a span{
color:#ccc;
display:block;
padding:5px 8px;
}
#video{
width:90%;
height:255px;
margin:20px auto;
}
#video video{
padding:0px;
margin:0px;
}
#contact{
width:90%;
margin:20px auto;
}
#contact .text{
text-align:left;
line-height:20px;
color:#666;
}
#contact .text strong{
color:#333;
font-size:14px;
}
#contact .text p{
margin-bottom:10px;
}
#contact .img img{
width:100%;
margin-bottom:20px;
}
#service{
width:90%;
margin:20px auto;
}
#service .text{
text-align:left;
line-height:20px;
color:#666;
}
#service .text p{
margin-bottom:10px;
}
#service .tags{
text-align:left;
}
#service .tags .tags_title{
text-align:left;
padding:10px 0px;
color:#153378;
}
#service .tags .tags_content{
text-align:left;
line-height:20px;
color:#666;
}
#operating_instructions{
width:90%;
margin:20px auto;
}
#operating_instructions .tags_title{
text-align:left;
padding:10px 0px;
color:#153378;
}
#operating_instructions .tags_content{
text-align:left;
line-height:20px;
color:#666;
}
#operating_instructions .tags_content img{
max-width: 100%;
width:expression(this.width>200?"100%":this.width);
}
#feedback{
width:90%;
margin:20px auto;
}
#feedback .text{
text-align:left;
line-height:20px;
color:#666;
}
#feedback .text p{
margin-bottom:10px;
}
#feedback form {
display: block;
width: 100%;
margin: 10px auto;
}
#feedback form dl {
width: 100%;
text-align: left;
padding: 0px;
}
#feedback form dl dt {
width: 74px;
line-height: 24px;
color: #666;
text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
padding: 5px 0;
}
#feedback form dl dt span {
color: #ff0000;
padding-left: 6px;
}
#feedback form dl dd {
padding-left: 74px;
margin-top: -34px;
}
#feedback form dl input, #feedback form dl textarea {
color: #888;
padding: 2px;
border:1px solid #ddd;
font-size:12px;
font-family:"寰蒋闆呴粦";
}
#feedback form dl input {
height: 18px;
padding-left: 5px;
font-family: "寰蒋闆呴粦";
font-size: 12px;
margin: 0px 5px 0px 0px;
}
#feedback form dl textarea {
width: 70%;
height: 120px;
overflow: auto;
padding: 5px;
font-family: "寰蒋闆呴粦";
font-size: 12px;
}
#feedback form dl .button input {
width: auto;
height: 30px;
line-height: 30px;
border: none;
color: #fff;
padding: 0px 25px;
cursor: pointer;
font-weight: bold;
background: #888;
font-family: "寰蒋闆呴粦";
font-size: 14px;
margin: 15px auto;
}
#feedback form dl .button input:hover {
background: #df242a;
}
#view{
width:90%;
margin:20px auto;
}
#view .title{
font-size:14px;
font-weight:bold;
padding:10px 0px;
background:#f5f5f5;
}
#view .time{
color:#999;
padding:5px 0px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#view .img{
margin:20px auto;
}
#view .imgs{
margin:20px auto;
min-height:330px;
}
#view #pro_img{
margin:0px auto;
}
#view #pro_focus_list{
margin:10px auto !important;
}
#view .text{
padding:10px 0px;
text-align:left;
color:#666;
line-height:21px;
}
#view .text img{
max-width: 100%;
width:expression(this.width>200?"100%":this.width);
}
#view .tags_title{
border-bottom:1px dotted #ccc;
text-align:left;
padding:10px 0px;
color:#333;
font-size:12px;
font-weight:600;
}
#view .tags_title strong{
background:#e3000c;
color:#fff;
display:inline-block;
width:18px;
height:18px;
line-height:18px;
margin-right:8px;
text-align:center;
}
#view .tags .tags_content{
padding:10px 0px;
text-align:left;
color:#666;
line-height:21px;
}
#view .tags .tags_content img{
max-width: 100%;
height:auto;
width:expression(this.width>200?"100%":this.width);
}
#view .back{
padding:20px 0px;
}
#view .back a{
display:block;
background:#666;
color:#fff;
padding:5px 20px;
}
#view .url{
height:30px;
padding:20px 0px;
}
#view .url a{
display:inline-block;
background:#666;
color:#fff;
box-shadow:0px 2px 2px rgba(0,0,0,0.1);
padding:5px 20px;
}
#view .url img{
margin:0px 10px;
height:14px;
}
#view .url .prev{
float:left;
}
#view .url .next{
float:right;
}
#share{
text-align:right;
display:none;
position:fixed;
z-index:1001;
width:100%;
height:100%;
top:0px;
right:0px;
background:rgba(0,0,0,0.8);
}
#share img{
margin:10px;
}
#foot {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
height: 56px;
display: table;
background:rgba(0,0,0,0.8);
}
#foot ul{
display: table-row-group;
}
#foot ul li {
display: table-cell;
position: relative;
z-index: 999;
}
#foot ul li a {
border-right:1px solid rgba(255,255,255,0.1);
display: block;
text-align: center;
margin-top: 8px;
color: #ccc;
}
#foot ul li a span {
display: block;
padding-top:2px;
text-align: center;
}
#boot{
width:100%;
margin:0px auto;
float:left;
}
#boot .copy{
background:#555;
color:#fff;
text-align:center;
padding:8px 0px;
}
#boot .copy a{
display:block;
margin:4px auto;
color:#ddd;
}
#boot .goTop{
position:fixed;
right:20px;
bottom:20px;
display:block;
margin:5px 0px;
opacity:0.4;
}
#boot .goTop:hover{
opacity:0.8;
}
@-webkit-keyframes wobble{
0% {-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
25% {-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
50% {-webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
75% {-webkit-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
100% {-webkit-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
}
@-moz-keyframes wobble{
0% {-moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
25% {-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
50% {-moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
75% {-moz-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
100% {-moz-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
}
/* Browser Resets
*********************************/
.flex-container a:active, #flexslider a:active, .flex-container a:focus, #flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src: url('../fonts/flexslider-icon.eot');
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
#flexslider {
width: 100%;
margin: 0px auto;
}
#flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
#flexslider {
margin: 0px auto;
background: #fff;
position: relative;
zoom: 1;
overflow: hidden;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 400px;
}
#flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0,0,0,0.8);
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
#flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px;
}
#flexslider:hover .flex-next {
opacity: 0.7;
right: 10px;
}
#flexslider:hover .flex-next:hover, #flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
/* Pause/Play */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 10px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
/* Control Nav */
.flex-control-nav {
width: 98%;
position: absolute;
bottom:0px;
padding:10px 0px;
text-align: center;
z-index: 1000;
}
.flex-control-nav li {
margin: 0 3px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
font-size:0px;
width: 10px;
height: 10px;
display: block;
background: #ccccce;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-paging li a:hover {
background: #014099;
}
.flex-control-paging li a.flex-active {
background: #014099;
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: 0.7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
@media screen and (max-width: 300px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
#prolist{display:table; width:100%; float:left; margin-top:10px;}
#prolist li{ float:left; display:table-row-group; width:49%; padding:5px 0; margin-right:2%;}
#prolist li:nth-child(2n+2){margin-right:0;}
#prolist li div{display:table-cell; vertical-align:top;}
#prolist li div.img{width:100%; float:left; border:1px solid #e8e8e8;}
#prolist li div.img img{width:100%; }
#prolist li div span{display:block;}
#prolist li div.con{ float:left; font-size:12px; width:100%; color:#666;}
#prolist li div.con a{ width:100%; height:30px; line-height:30px; display:block; text-align:center; color:#0067ac; overflow:hidden;}
#probimg{margin-top:16px;}
#probimg img{width:100%; max-width:400px; border-radius:5px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.2);}
#procon{padding-top:20px; clear:both;}
#procon img{max-width:100% !important;}
#procon table{width:100% !important;}
#procon table{
border-top:1px solid #DDD;
border-left:1px solid #DDD;
margin:10px auto;
}
#procon table td{
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}
.pageNavi{text-align:center;display: table;width: 100%;}
.dux-page{ margin-top:10px;}
.first-page,.prev-page,.next-page,.last-page{display:inline-block; border:1px solid #DDD; padding:5px 10px; background:#FFF; font-size:14px;}
.first-page:hover,.first-page:active{border:1px solid #DDD; background:#FFF; font-size:14px;}
.num-page{display:inline-block; border:1px solid #DDD; padding:5px 10px; margin-left:-1px; background:#FFF; font-size:14px;}
.network{ width:100%; text-align:left;}
.about_bt{ font-size:24px; color:#333; margin-bottom:10px;line-height:30px;}
.en_bt{ font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
.x{ display:block; background:#333; height:3px; width:40px; margin-bottom:30px;}
.network1{margin-top:-45px;}
#news{display:table; width:100%; margin-bottom:20px;}
#news li{display:table-row-group; margin-bottom:10px; float:left;}
#news li div{display:table-cell; vertical-align:top;}
#news li div.time{width:70px; background:#009040; padding-top:15px; padding-bottom:10px; text-align:center; color:#FFF;}
#news li div span{display:block;}
#news li div.con{padding-left:10px;}
#news li div span.tit{font-size:14px; font-weight:700; line-height:130%; color:#333; text-align:left;}
#news li div span.context{font-size:12px; color:#888; line-height:200%; margin-top:4px; text-align:left;}
#newscon *{line-height:200% !important; font-size:14px !important;}
#newscon p{margin-bottom:20px !important;}
#newscon img{max-width:100% !important;}
.text{ text-align:left; line-height:26px;}
.text img{ width:100%;}
.text hr{border:0px; border-top:1px solid #e8e8e8; margin:20px 0;}
.div_abo7{ background-size:100%; width:100%; text-align:left;}
.div_abo7 strong{color:#0067ac;}
.div_abo7 center{ color:#757474; font-size:14px; line-height:30px; font-weight:bold;}
.div_job{width:100%; text-align:left; line-height:26px;}
.div_job span{ color:#0a868e;}
.div_job a{ color:#0a868e;}
.div_job a:hover{ background:#0a868e; color:#fff;}
.div_job1{ margin-top:20px; margin-bottom:20px; width:100%; text-align:left; border-bottom:1px solid #ccc; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.ul_job li{ *margin-bottom:-4px; border-bottom:1px dashed #d2d2d2; height:auto; line-height:26px; overflow:hidden; }
.ul_job li:hover{ background:#d2b988;}
.ul_job li a{ color:#737272; display:block;}
.ul_job li:hover a{ color:#fff;}
.ul_job li .div1{ width:82%; cursor:pointer; text-align:left; float:left;}
.ul_job li .div5{ width:18%; text-align:center; cursor:pointer; float:left;}
.ul_job .li{ background:#f4f4f4; color:#737272; font-size:14px; font-weight:bold; border-bottom:0px;}
.ul_job li span{ padding-left:15px;}
.u-ipt{ width:100%;}
.ul_se11 li{ border-bottom:1px solid #dddbdb; text-align:left;}
.ul_se11 li .dddd{ height:46px; line-height:46px; background:url(../images/3_12.jpg) 21px center no-repeat; padding-left:45px; padding-right:45px; display:block; color:#636161; font-weight:bold; font-size:14px;}
.ul_se11 li .dddd:hover,.ul_se11 li .dddd-active{ color:#0a868e}
.ul_se11 li .div1{ background:url(../images/3_13.jpg) 25px top no-repeat; height:8px; line-height:8px;}
.ul_se11 li .div2{ background:#f2f2f2; padding-top:18px; padding-bottom:18px;}
.ul_se11 li .div2 div{ background:url(../images/3_14.jpg) 21px 8px no-repeat; padding-left:45px; padding-right:45px; }
.div_ser1bg2{ float:left; width:100%; margin-bottom:20px;}
.imgbox img {width:100%;}
.imgboxtitle{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.pages{ width:100%; height:26px; line-height:26px; text-align:left;}
/*搴曢儴瀵艰埅*/
ul, li { list-style:none; margin:0; padding:0 }
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #b3b3b3; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 35px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1))); -webkit-background-size: 1px 100%, 1px 100%; background-size: 1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; width:33.3%; }
.top_bar .top_menu>li>a { line-height:35px; display:block; text-align:center; color:#4f4d4f; text-decoration:none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -webkit-box-flex:1; }
.top_menu>li:first-child { background:none; }
.top_bar .top_menu li a label { padding:0; font-size:14px; overflow:hidden; }
.top_bar .top_menu>li>a img { display: inline-block; height: 14px; width: 14px; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { padding: 0; position: absolute; z-index: 500; bottom: 60px; right: 10px; width: 100px; margin-left:0; background: red; background: #e4e3e2; border: 1px solid #afaeaf; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.menu_font:before, .menu_font:after { content:""; display:inline-block; position:absolute; z-index:240; bottom:0; left: 80%; margin-left:-8px; margin-bottom:-16px; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; }
.menu_font:after { z-index:501; border-color:#e4e3e2 transparent transparent transparent; margin-bottom:-15px; margin-left:-8px; }
.menu_font.hidden { display:none; }
.top_menu li:last-of-type a { background: none; }
.top_menu>li:last-of-type>a label { padding: 0 0 0 3px; }
.menu_font li:last-of-type { background: none; }
.menu_font li { line-height:30px; text-align:center; background:-webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #f3f3f2)), -webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #c6c5c5)); background-size:100% 1px, 100% 2px; background-repeat:no-repeat; background-position: center bottom; }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 30px; line-height: 30px !important; position: relative; color: #4f4d4f; display: block; width: 100%; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-decoration: none; }
#menu_list0 { right:0; left:10px; }
#menu_list0:before, #menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#CCCCCC; }
.menu_font li a:hover, .menu_font li a:active { background-color:#CCCCCC; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
.gallery:after {
content: '';
display: block;
height: 2px;
margin: .5em 0 1.4em;
/* background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);*/
}
.gallery img {
height: 100%;
}
.gallery a {
width: 46.6%;
height: 180px;
display: inline-block;
overflow: hidden;
margin: 14px 1%;
border: 1px solid #e8e8e8;
/*box-shadow: 0 0 4px -2px #333;*/
}
.baguetteBoxOne {
width:100%;
}
.down_list {
height: auto;
width: 100%;
margin:20px auto;
}
.down_list .down {
float: left;
width: 100%;
padding:20px 0 20px 0;
border-bottom:1px solid #CCCCCC;
}
.down_list .down:first-child{padding:0px 0 20px 0;}
.down dt{
width:30%;
padding:0 2% 0 0;
float:left;
overflow:hidden;
}
.down dd{float:left;width:68%;}
.down .new_tit{
padding:0 0 10px 0;
}
.down .new_tit a{
height:30px;
font-size:20px;
color:#666666;
line-height:30px;
font-weight:bold;}
.down .new_tit a:hover{
color:#FF9900;
}
.down .new_time{
height:22px;
font-size:12px;
color:#666666;
line-height:22px;
}
.down .new_con{
font-size:12px;
color:#666666;
line-height:22px;
padding-bottom:20px;
overflow:hidden;
}
.down .new_more {
height:25px;
font-size:12px;
color:#666666;
line-height:25px;
float:right;
}
.down .new_more a{
height:25px;
font-size:12px;
color:#fff;
line-height:25px;
float:right;
width:120px;
text-align:center;
background:#0067ac;
border-radius:5px;
margin-right:10px;
}
.down .new_more a:hover{
color:#0067ac;
border:1px solid #0067ac;
background:#FFF;
}
/*news end*/
.m-form{margin:0px 2%; width:96%;}
.u-ipt{width:100%; height:30px; line-height:30px;}
.u-btn{width:99%; height:36px; line-height:36px; text-align:center; background:#666; border-radius:5px; border:1px solid #e8e8e8;color:#fff; margin:0 auto; display:table;}
.u-tta{width:100%; height:100px;}
.m-pg-bd { border:1px dashed #e8e8e8; padding:20px 0px; width:99%; display:table;}
.m-pg-bd img{width:100%;}
.formitm{width:98%; border-bottom:1px solid #e8e8e8; padding:15px 0px; float:left; margin:0 2%;}
.formitm .lab{float:left; width:100%; height:24px; line-height:24px;}
.formitm .ipt{width:98%; float:left;}
.formitm-1{border:0px;}
#baidu-map{height:300px;}
.map-inner-top{overflow:hidden;}
.map-inner-top h3{border-bottom:1px solid #ddd; color:#014099; letter-spacing:-0.5px; padding-bottom:10px; margin-bottom:15px;}
.map-inner-top h3 strong{font-size:18px; font-weight:400; margin-right:20px;}
.map-inner-top h3 span{font-weight:300; opacity:0.66;filter:Alpha(opacity=66);}
.map-inner-txt{float:left; width:100%; color:#666; font-size:14px; letter-spacing:-0.25px; line-height:28px; opacity:0.6;filter:Alpha(opacity=60); }
.map-inner-content{position:relative;font-size: 14px;line-height: 30px; height:95px; overflow:hidden;}
.global-more-btn{float:right; width:28%; max-width:143px; height:46px; text-align:right; line-height:46px; color:#282828; opacity:0.6;filter:Alpha(opacity=60); font-size:12px; font-weight:400;}
.global-more-btn:hover{color:#1c7ebf;}
.index-news .tab_title{
background:#eee;
width: 100%;
display: table;
margin-bottom:10px;
}
.index-news .tab_title a{
display:inline-block;
padding:5px 0px;
width:25%;
float:left;
text-align:center;
background:#fafafa;
}
.index-news .tab_title .A{
background:#282828;
color:#fff;
}
.index-news{display:table; width:96%; margin:0 2%;}
.index-news .title{width:100%; height:30px; line-height:30px; margin-bottom:10px; border-bottom: 1px solid #e8e8e8;}
.index-news .title strong{font-size:18px; font-weight:400; color:#333; float:left;}
.index-news .title a{float:right; font-size:14px; color:#666;}
.index-news .title a:hover{color:#1c7ebf;}
.index-news .w960{overflow: hidden;}
.index-news .l{width: 100%;background: #fff; float:left;}
.index-news .tips{width:27.5%;height:450px;padding:90px 0 0 5%;background: url(../images/llogo01.png) no-repeat right bottom #0b419b;float: left;line-height: 24px;color: #a9b6cf;}
.index-news .tips p.en{font-size: 36px;line-height: 38px;font-family: Arial;color: #fff;}
.index-news .tips a.more{display: inline-block;width:65px;height: 27px;padding-left: 16px;line-height: 27px;color: #a9b6cf; background:url(../images/jtr.png) no-repeat 90% center; border:1px solid #fff; border-radius:3px;margin-top:60px;}
.index-news .tips a.more:hover{color: #0b419b;background: url(../images/jtr2.png) no-repeat 90% center #fff;}
.index-news .list{width: 100%;float: left;}
/*---棣栭〉 鏂伴椈---*/
.ind_news_list{ font-size:12px;top:0px; width:100%; float:left; padding:0px; margin:0px;}
.ind_news_list dl{ clear:both; padding-bottom:10px; margin-bottom:0px; overflow:hidden; margin-top: 0px;}
.ind_news_list dl dd{ float:left; margin-left:0px; width:40%; max-width:250px; margin-right:15px;}
.ind_news_list dl dd img{ width:100%;}
.ind_news_list dl dt{ position:inherit;}
.ind_news_list dl dt a.bt{ color:#333; font-size:14px; max-height:40px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px; font-weight:normal;}
.ind_news_list dl dt i{ color:#999; font-style:normal;}
.ind_news_list dl dt a:hover{ color:#ff7e00;}
.ind_news_list dl dt p.ms{ color:#999; font-size:12px; line-height:20px; overflow:hidden; height:60px; margin-bottom:0px; margin-top:15px;}
.ind_news_list dl dt a.more{ color:#999; font-size:12px; }
.ind_news_list dl dt a.more:hover{ color:#ff7e00; }
.ind_news_list dl dt a.more span{font-family:'simsun';}
/*------鏂伴椈鏃ユ湡鍨嬪垪琛?--- */
.ind_date_news_list{ margin-top:10px; font-size:12px; margin-top:5px; clear:both; margin-left:-5%;padding: 0px;}
.ind_date_news_list li { width:95%; margin-left:5%; height:80px; float:left; border-top:1px dashed #ddd; padding-top:12px;}
.ind_date_news_list .datetime {width:50px;height:50px; margin-top:0px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif;padding:2px; margin-right:10px;}
.ind_date_news_list .datetime strong{display:block; font-size:40px; line-height:40px;height:40px; color:#0b419b; font-weight:bold;}
.ind_date_news_list .datetime b{font-size:11px; line-height:12px; margin-top:5px; display:block; color:#666; font-weight:normal;}
.ind_date_news_list .cnt { position:inherit; padding-top:5px;}
.ind_date_news_list .cnt .bt {font-size: 15px;margin-bottom: 2px; margin-top:5px;color:#444; font-weight:normal;}
.ind_date_news_list p.summary {line-height:20px;margin-top:5px; color:#999; height:20px; overflow:hidden;}
.ind_date_news_list .cnt .bt:hover{ color:#ed6d34;}
.index-news .r{width:100%;overflow: hidden;}
.index-news .inews-box{width: 100%;height:160px;float: left;margin-bottom: 27px;background:#fff; overflow:hidden;position:relative;}
.index-news .inews-box_img{ float:left; width:52%; display:block;}
.index-news .inews-box_img img{ width:100%;}
.index-news .inews-box .detail{width: 42%;height: 64px;float: left;padding: 14px 0 0 3%;}
.index-news .inews-box p{line-height: 18px;color: #959595; margin-top:10px;}
.index-news .inews-box p.fz16{font-size: 16px;line-height: 28px;color: #333;}
.index-news .view{width:100px; text-align:center; margin:0 auto; height:26px; line-height:26px; background:#0b419b; border-radius:5px; color:#fff; display: table; font-size:12px;}
.honor{width:100%; height:auto;}
.honor ul{margin:0px; padding:0px;}
.honor ul li{width:48%; float:left; list-style:none; margin-right:2%; text-align:center; margin-bottom:10px;}
.honor ul li:last-child{margin-right:0px;}
.honor ul li img{width:100%; border:1px solid #f8f8f8;}
.honor ul li img:hover{box-shadow:0px 2px 4px #666;}
.product_cat{width:96%; margin:20px 2% 0; height:auto; display:table;}
.product_cat ul{padding:0px; margin:0px;}
.product_cat ul li{width:49%; height:auto; float:left; margin-bottom:10px; margin-right:2%; list-style:none; position: relative;}
.product_cat ul li:nth-child(2n+2){margin-right:0px;}
.product_cat .title2{width:100%; height:30px; line-height:30px; margin-bottom:10px; border-bottom: 1px solid #e8e8e8;}
.product_cat .title2 strong{font-size:18px; font-weight:400; color:#333; float:left;}
.product_cat .title2 a{float:right; font-size:14px; color:#666;}
.product_cat .title2 a:hover{color:#1c7ebf;}
.product_cat .pic{position:relative;}
.product_cat .pic img{width:100%; height:100%;}
.product_cat .text{position:absolute; width:220px; height:220px; top:0px; left:0; z-index:2; background:rgba(74,144,191,0.9); display:block;}
.product_cat .text strong{width:100%; margin-top:50px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:18px; font-weight:500; display:table;}
.product_cat .text span{width:100%; height:40px; line-height:40px; text-align:center; color:#fff; display:table; font-size:14px;}
.product_cat .text span a{width:100px; border:1px solid #fff; color:#fff; padding:2px 20px; text-decoration:none;}
.product_cat .text span a:hover{background:#014099;}
.product_cat .bg{position:absolute; width:48%; height:auto; top:0px; left:0; z-index:2; background:rgba(74,144,191,0); display:block;}
.product_cat .bg:hover{background:rgba(74,144,191,0.6);}
.product_cat .bg .view_more{position:absolute; top:50%; left:60px; width:60px; border:1px solid #fff; color:#fff; padding:3px 20px; text-decoration:none; margin:0 auto; background:#014099; opacity:0; text-align:center;}
.product_cat .title{position:absolute; top:15px; left:0px; width:100px; background:rgba(1,64,153,0.7); color:rgba(255,255,255,0.8); text-align:center; height:28px; line-height:28px; border-top-right-radius: 50px;
border-bottom-right-radius: 50px; box-shadow: 2px 2px 4px #666;}
.product_cat .bg:hover .title{opacity:1;}
.product_cat .bg:hover .view_more{opacity:1;}
.faq{width:100%; display:table; margin-top:50px; padding-top:50px; border-top:1px solid #e8e8e8; margin-bottom:50px;}
.faq_box{width:100%; display:table;}
.faq_search{ width:100%; display: table; background: #fafafa;}
.faq_box span{width:100%; height:30px; line-height:30px; font-size:14px; margin:10px 0; float:left; text-indent:10px;}
.pro_search4{float:left;width:90%;height:30px; border:1px solid #e8e8e8; background:#fff; margin-left:10px;margin-bottom:10px;}
.pro_search4 .text{width:90%;float:left;font-size:12px;color:#666;height:40px;background:none; line-height:30px;text-indent:10px; border:0px;}
.pro_search4 .btn{width:10%;float:left;height:40px;background:url(../images/search_icon.png) center no-repeat;border:none;padding:0}
#loader {display: none;text-align: center;}
#loader .loader {display: inline-block;width: 45px;height: 45px;background-image: url("../images/spinner.gif");background-repeat: no-repeat;background-size: cover;}
#loader p {margin-top: 0;}
.faq_box2{width:100%; float:left;}
.faq_box2 ul{padding:0px; margin:0px;}
.faq_box2 ul li{width:100%; float:left; margin-bottom:15px;}
.faq_box2 ul li strong{width:100%; height:30px; line-height:30px; font-size:14px; float:left; color:#014099; display:table;}
.faq_box2 ul li strong a{color:#014099;}
.faq_box2 ul li em{width:100%; float:left; line-height:20px; color:#666; font-style:normal;}
.siteMap{width:100%; height:100%; background-color:#fff; display:block; display:table; z-index:10000;}
.siteMap .link_list{position:relative;width:100%;margin:0 auto; height:auto;}
.siteMap .link_list > ul{padding:20px 17px;}
.siteMap .link_list > ul:after{content:"";display:block;clear:both;}
.siteMap .link_list > ul > li{position:relative;float:left;width:100%; display:table;}
.siteMap .link_list > ul > li:first-child {margin-left:0;}
.siteMap .link_list > ul > li > a{display:block;font-size:18px; color:#333; padding-bottom:6px; border-bottom:1px dashed #666 ; margin-bottom:20px;}
.siteMap .link_list .depth02{margin-bottom:20px;}
.siteMap .link_list .depth02 > li{margin-bottom:5px;}
.siteMap .link_list .depth02 > li > a{display:block;font-size:15px; color:#808080; width:187px;}
.siteMap .link_list .depth03{margin-top:16px;}
.siteMap .link_list .depth03 > li{margin-top:8px;}
.siteMap .link_list .depth03 > li > a{position:relative;padding-left:7px;display:block;font-size:14px;color:#808080;}
.siteMap .link_list .depth03 > li > a:after{position:absolute;left:0;top:0;content:"-";display:block;}
.siteMap .link_list .depth03 > li:first-child{margin-top:0;}
.siteMap .link_list > ul > li.cus{padding-right:10px;}
.siteMap .link_list .btn_close{position:absolute;right:-70px;top:0;}
.dlslist{width:100%; float:right; }
.dlslist ul{margin:0px; padding:0px;}
.dlslist ul li{width:25%; height:30px; line-height:30px; border-bottom:1px dashed #e8e8e8; padding:0 3%; float: left;margin-right: 3%;margin-bottom: 10px; background:#fafafa; text-align:center;}
.dlslist ul li:nth-child(3n+3){margin-right:0px;}
.dlslist ul li:hover{background:#014099;}
.dlslist ul li:hover a{color:#fff;}
div[class^="index"] h2{padding-top: 30px;font-size: 20px;text-align: center;letter-spacing: 2px;}
div[class^="index"] .view-more{display: block;width: 100px;line-height: 30px;margin: 20px auto 20px;background: #009040;border-radius: 15px;color: #fff;text-align: center;text-transform: uppercase;}
.container {
width: 94%;
margin: 0 auto;
}
.index-module-title{text-align: center;}
.index-module-title span{display: block;margin-top: 20px; margin-bottom: 20px;font-size: 24px;color: #f08200;letter-spacing: 1px;}
.index-business .index-module-title{padding: 60px 0 20px;}
.index-business .slider{position: relative;margin-top: 25px;}
.index-business .slider h3{line-height: 26px;margin-top: 5px;font-size: 16px;text-align: center;letter-spacing: 1px;}
.index-business .slider p{display: -webkit-box;height: 66px;line-height: 22px;margin-top: 25px;padding: 0 10px;overflow: hidden;color: #999;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px;}
.index-business .slider .figure{display: block;}
.index-business .slider .btn-switch{position: absolute;top: 5px;top: 10px;left: 0;z-index: 10;width: 100%;}
.index-business .slider .btn-switch a{position: absolute;width: 14px;height: 14px;border-style: solid;border-color: #999;}
.index-business .slider .btn-switch a.prev{left: 5px;border-width: 0 0 1px 1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.index-business .slider .btn-switch a.next{right: 5px;border-width: 0 1px 1px 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.index-realize .index-module-title{ padding: 50px 0 20px;border-top: 1px solid #e8e8e8;}
.index-about{padding-bottom: 20px; position:relative;}
.index-about img{display: block;width: 58%;margin-top: 15px;}
.index-about .text{position: absolute;right: 0;bottom: 86px;width: 75%;background: #fff;}
.index-about .text .box{padding: 30px 0 10px 6%;}
.index-about .text .box h3{position: absolute;top: -20px;right: 9.5%;width: 42.86%;line-height: 40px;background: #009040;font-size: 14px;color: #fff;text-align: center;}
.index-about .text .box h3:after{position: absolute;top: 20px;right: -19%;content: "";width: 38%;border-bottom: 1px solid #555;}
.index-about .text .box p{line-height: 20px;color: #999;}
.base-page-section{max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden}
.base-page-section h3{color:#222;font-size:24px;font-weight:400;line-height:38px;text-align:center;margin-bottom:18px}
.base-page-section .subtitle{color:#555;font-size:14px;line-height:24px;text-align:center;margin-bottom:35px}
.base-page-section .layout-4col-wrap>li{width:100%;float:left;}
.base-page-section .layout-4col-wrap>li .content{width:100%;word-break: normal;}
.layout-4col-wrap>li .image{}
.layout-4col-wrap>li img{width:100%;}
.base-page-section h4{padding:12px 0;color:#000;font-size:18px;font-weight:400;line-height:24px;margin-bottom:10px;}
.base-page-section .content .info{color:#666;font-size:12px;line-height:26px;text-align: left; margin-bottom:15px;}
.base-page-section .content p{}
.page-banner{width:100%;}
.page-banner img{width:200%;}